<template>
  <div>
    <Student></Student>
    <hr>
    <School></School>
  </div>
</template>

<script>
import Student from "./components/Student";
import School from "./components/School";
// 全局混合：避免使用
// import Vue from "vue";
// import {showName} from "./mixin";
// Vue.mixin(showName);



export default {
  name: "App",
  data() {
    return {
      msg:"Hello, World!"
    }
  },
  computed: {},
  components: {
    Student,
    School
  },
  methods: {
    showDOM(){
      // alert(document.getElementById("title").innerText);
      // alert(this.$refs.title.innerText);
      console.log(this.$refs.title);
      console.log(this.$refs.btn);
      console.log(this.$refs.sch);
    }
  },
  watch: {},
  filters: {},
  directives: {}
}
</script>

<style scoped>

</style>